<template>
    <div class="card">
        <!-- <van-card num="2" price="2.00" desc="规格:xxx" title="百草味零食大礼包卤味礼盒送礼物猪肉办公室夜宵食品"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" /> -->
        <van-card price="2.00" desc="规格: xxx" title="裴酷手持小风扇抖音小猪美妆镜口袋便携式usb可充电.."
            thumb="https://img1.baidu.com/it/u=577781063,2652129364&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=328">

            <template #footer>
            </template>
        </van-card>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
    setup() {


        return {}
    }
})
</script>

<style scoped lang="less">
.card {
    .van-card {
        margin-top: 25px;

        :deep(.van-card__content) {
            display: flex;
            // justify-content: flex-start;
            align-items: flex-start;
        }

        :deep(.van-card__title) {
            text-align: left;
        }

        :deep(.van-card__desc) {
            text-align: left;
        }

        :deep(.van-card__num) {
            text-align: right;
        }

        :deep(.van-card__thumb) {
            width: 90px;
            height: 76px;
            border-radius: 8px 8px 8px 8px;
        }
    }

}

</style>